<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改密码</title>
<link href="css/common.css" type="text/css" rel="stylesheet"></link>
<link href="css/main.css" type="text/css" rel="stylesheet"></link>
	<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			
			$("#passError").hide();
			$("#repass").hide();
			$("#pass").text("");
			$("#pass").blur(function(){
				
				if($("#pass").val() != $("#passes").val()){
					
					$("#passError").show();
					
					$("#pass").val("");
					$("#pass").focus();
				}else{
					
					$("#passError").hide();
				}
			});
			$("#password").blur(function(){
				
				if($("#pa").val() != $("#password").val()){
					
					$("#repass").show();
					
					$("#password").focus();
				}else{
					
					$("#repass").hide();
				}
			});
			$("#sub").click(function(){
				
				if($("#pass").val() != $("#passes").val()){
					$("#passError").show();
					
					$("#pass").val("");
					$("#pass").focus();
					return false;
				}
				
				if($("#pa").val() != $("#password").val()){
					
					$("#repass").show();
					
					$("#password").focus();
					return false;
				}
			});
		});
	</script>
</head>
<body>
	<div style="width: 80%;margin-left: 10%;">
		<div class="result-wrap">
            <form action="Login_uppass.action" method="post" id="myform" name="myform">
                <div class="config-items">
                    <div class="config-title">
                        <h1 style="font-size: 26px;font-family: Tahoma,Geneva,sans-serif;color: #666;">密码修改</h1>
                    </div>
                    <div class="result-content">
                        <table width="100%" class="insert-tab">
                            <tbody><tr>
                                <th width="15%"><i class="require-red">*</i>密码：</th>
                                <td><input type="password" id="pass" size="85" name="pass" class="common-text"></td>
                                
                            </tr>
                            <tr>
                            	 <td><input type="hidden" id="passes" value="${passes }" name="passes"></td>
                                <td id="passError" style="color: red;">您输入的密码错误，请重新输入。</td>
                            </tr>
                                <tr>
                                    <th><i class="require-red">*</i>新密码：</th>
                                    <td><input type="password" id="pa" value="" size="85" name="pa" class="common-text"></td>
                                </tr>
                                <tr>
                                    <th><i class="require-red">*</i>确认密码：</th>
                                    <td><input type="password" id="password" value="" size="85" name="password" class="common-text"></td>
                                </tr>
                                <tr>
                                	<td>&nbsp;</td>
                                    <td id="repass" style="color: red;">您两次输入的密码不一致请重新输入。</td>
                                
                                </tr>
                                <tr>
                                    <th></th>
                                    <td>
                                        <input type="submit" id="sub" value="提交" class="btn btn-primary btn6 mr10">
                                        <input type="button" value="返回" onclick="history.go(-1)" class="btn btn6">
                                    </td>
                                </tr>
                            </tbody></table>
                    </div>
                </div>
            </form>
          </div>
	</div>
</body>
</html>